<div style="max-width: 1200px;">
    <div class="input-group input-group-lg">
        <span class="input-group-addon" style="width: 150px;">画面ID</span>
        <select class="form-control" style="width: 200px;">
          <option>BB</option>
        </select>
        <span class="input-group-addon" style="width: 150px;">作成者</span>
        <select class="form-control" style="width: 250px;">
          <option>BB</option>
        </select>
        <span class="input-group-addon" style="width: 150px;">仕様書タイプ</span>
        <select class="form-control" style="width: 300px;">
          <option>BB</option>
        </select>
    </div>
    <div class="input-group input-group-lg" style="margin-top: 10px;">
        <span class="input-group-addon" style="width: 150px;">画面名</span>
        <input type="text" class="form-control" placeholder="見出し;エリア;xxxxxx" style="width: 1050px;">
    </div>
    <div style="margin-top: 10px;">
        <button type="button" class="btn btn-primary btn-lg">検索</button>
    </div>
    <div class="form-group">
        <div style="float: right;">
          <ul class="pagination pagination-lg">
            <li><a href="#">&laquo;</a></li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">&raquo;</a></li>
          </ul>
        </div>
        <table class="table table-bordered table-hover">
          <thead>
            <tr class="info">
              <th>画面ID</th>
              <th>画面名</th>
              <th>仕様書名</th>
              <th>作成者</th>
              <th>作成時間</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>C00001</td>
              <td>机车</td>
              <td>机车</td>
              <td>有效</td>
              <td>机车头</td>
            </tr>
            <tr>
              <td>C00002</td>
              <td>车厢</td>
              <td>机车</td>
              <td>有效</td>
              <td>载客车厢</td>
            </tr>
          </tbody>
        </table>
      </div>
      
      <div style="display: flex; justify-content: space-between; margin-top: 20px;">
        <button type="button" class="btn btn-warning btn-lg">削除</button>
        <button type="button" class="btn btn-danger btn-lg">ダウンロード</button>
      </div>
</div>
